<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/static/jquery-1.11.3.js"></script>
    <!--
    1.基本选择器

    id选择器：$("#myDiv")
    元素选择器
    类选择器
    -->
    <script>
        $(function (){
            //问题 1：获取 id 为 msg 的元素的内容
            console.log($('#msg').html());
            //问题 2：获取所有的 li 元素并打印数量
            console.log($('li').size());
            // 问题 3：获取所有 class 为 selected 的元素，字体颜色改为 red
            $('.selected').css('color','red');

            console.log($('*').size());
            console.log($('#msg,.selected').size());

        });
    </script>
</head>
<body>
<div id="msg">使用 ID 选择器获取当前 DIV元素</div>
<ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
</ul>
<ul id="myul">
    <li>item1</li>
    <li class="selected">item2</li>
    <li>item3</li>
    <li class="selected">item4</li>
</ul>

<hr/>
<div><p> 问题 1：获取 id 为 msg 的元素的内容 </p >
    <p> 问题 2：获取所有的 li 元素并打印数量 </p >
    <p> 问题 3：获取所有 class 为 selected 的元素，字体颜色改为 red </p >
</div>
</body>
</html>